<!-- icon标志 -->
<template>
  <div class="icon animate__animated animate__flipInY">
    <div class="icon-box">
      <img src="@/assets/icon-01.png" class="icon-img" ondragstart="return false;" />
      <slot>
        <p>全国市场覆盖</p>
      </slot>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang='less' scoped>
.icon {
  position: absolute;
  right: 8vw;
  top: 10vw;
  cursor: pointer;
  // top: 50%;
  // transform: translateY(-50%);
  .icon-box {
    position: relative;
    img {
      height: 33vw;
    }
    p {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 2.5vw;
      font-size: 2.5vw;
      font-weight: bold;
      color: #fece4c;
      transform: translate(-50%, -50%);
    }
  }
}
</style>